<template>
	<div class="back" @click.stop="back">
		<i class="iconfont icon-tuichu1">
		</i>
		<span class="text" v-if="showText">
			退出
		</span>
	</div>
</template>

<script type="text/javascript">
// eslint-disable-next-line
/* eslint-disable */
export default {
	name: 'back',
	props: {
		showText: {
			type: Boolean,
			default: false
		}
	},
	data() {
		return {

		}
	},
	methods: {
		back() {
			this.$emit('back')
		}
	}
}
</script>

<style lang="scss">
@import "../../public/sass/var.scss";
.back{
	position:absolute;
	padding: 5px 0 5px 10px;
	.icon-tuichu1{
		color: $btnbackgroundcolor;
		font-size: $account;
		vertical-align: middle;
	}
	.text{
		vertical-align: middle;
		font-size: 16px;
		color: #fff;
	}
}
</style>